<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        html,
        body,
        #app,
        .el-container{
            padding: 0px;
            margin: 0px;
            height: 100%;
        }
        a{
            text-decoration-line: none;
            color: black;
        }
        .el-aside::-webkit-scrollbar {
            display: none;
        }
        .el-main::-webkit-scrollbar {
            display: none;
        }

    </style>
    <!-- 引入样式 -->
<!--    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
    <link rel="stylesheet"  href="../css/index.css">
    <script src="../js/axios.min.js" type="text/javascript"></script>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="../js/index.js" type="text/javascript"></script>
<!--    <script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
    <title>场馆中心</title>
</head>
<body>
<div id="app">
<el-container>
    <!--顶栏-->
    <el-header>
        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
            <el-menu-item index="1">场馆中心</el-menu-item>
            <el-menu-item index="2"><a href="venueSearch.html" target="content">所有场馆</a></el-menu-item>
            <el-menu-item index="3"><a href="allCoach.html" target="content">所有教练</a></el-menu-item>
            <el-menu-item index="4"><a href="article.html" target="content">场馆论坛</a></el-menu-item>
        </el-menu>
        <div class="line"></div>
    </el-header>
    <!--网页主体-->
    <el-container>
        <!--左侧边栏-->
        <el-aside width="200px">
            <el-menu class="el-menu-demo" mode="vertical" @select="select">
                <el-menu-item index="myInfo">
                    <i class="el-icon-menu"></i>
                    <span><a href="venueInfo.html" target="content">我的资料</a></span>
                </el-menu-item>
<!--                <el-menu-item index="myWallet">-->
<!--                    <i class="el-icon-menu"></i>-->
<!--                    <span>我的钱包</span>-->
<!--                </el-menu-item>-->
<!--                <el-menu-item index="myCoach">-->
<!--                    <i class="el-icon-menu"></i>-->
<!--                    <span>我的私教</span>-->
<!--                </el-menu-item>-->
<!--                <el-menu-item index="myBook">-->
<!--                    <i class="el-icon-menu"></i>-->
<!--                    <span>我的预约</span>-->
<!--                </el-menu-item>-->
<!--                <el-menu-item index="myOrder">-->
<!--                    <i class="el-icon-menu"></i>-->
<!--                    <span>我的订单</span>-->
<!--                </el-menu-item>-->
            </el-menu>
        </el-aside>
        <!--主页面-->
        <el-main>
            <div id="iframe">
                <iframe name="content" frameborder="0" src="venueInfo.html" style="width: 100%;height: 500px"></iframe>
            </div>
        </el-main>
    </el-container>
</el-container>
</div>
<script>
    new Vue({
        el:"#app",
        data() {
            return {
                activeIndex: '1',
                userInfo:{}
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            getMyInfo(){
                axios.get("/venue/getMyVenue").then(resp=>{
                    if (resp.status===resp.data.code) {
                        this.userInfo = resp.data.data
                    }
                })
            }
        },
        created(){
            this.getMyInfo()
        }
    })
</script>
</body>
</html>